<!DOCTYPE html>
<html>
<head>
<title>登录</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
	charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
<script src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<style type="text/css">

.mess {
	display: none;
}

.container {
	padding-top: 80px;
}

.panel {
	background: rgba(255, 255, 255, 0.4);
}
</style>
<script type="text/javascript">
	$(function() {
		validate();
		$("#captcha_img").click(function() {
			changeCode();
		})
	});
	function validate() {
		var validateMess = null;
		validateMess = '{$validateMess}';
		if (validateMess == null || validateMess == ''
				|| validateMess == '非法数据对象！') {
			$(".mess").css('display', 'none');
		} else {
			$(".mess").css('display', 'block');
		}
	}
	function choose_bg() {
		var bg = Math.floor(Math.random() * 9 + 1);
		$('body').css('background-image',
				'url(__PUBLIC__/images/loginbg/loginbg_0' + bg + '.jpg)');
	}
	function changeCode() {
		$("#captcha_img").attr("src", "{:U('Index/verify')}");
	}
</script>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-xs-6 col-xs-offset-3">
				<div class="alert alert-danger alert-dismissible mess">
					<button type="button" class="close" data-dismiss="alert">
						<span>&times;</span>
					</button>
					{$validateMess}
				</div>
				<div class="panel panel-primary">
					<div class="panel-heading">
						<div class="panel-lilte">
							<span class="glyphicon glyphicon-th-large">
								<b>注册</b>
							</span>
						</div>
					</div>
					<div class="panel-body">
						<form method="post">
							<table class="table table-condensed table-hover">
								<tr>
									<td>
										<label for='title_input' class='control-label x85'>登陆帐号:</label>
										<input type='text' id='title' name='username' required="required"
											size='20' value='{$Rs.title}'>
									</td>
									<td>
										<label for='dizhi_input' class='control-label x85'>登陆密码:</label>
										<input type='text' id='dizhi' name='password' size='20'
											required="required" value='{$Rs.dizhi}'>
									</td>
								</tr>
									<tr>
									<td>
										<label for='title_input' class='control-label x85'>确认密码:</label>
										<input type='text' id='title' name='repassword' required="required"
											size='20' value='{$Rs.title}'>
									</td>
										<td>
										<label for='qq_input' class='control-label x85'>QQ号码:</label>
										<input type='text' id='qq' name='qq' size='20'
											value='{$Rs.qq}'>
									</td>
								</tr>
								<tr>
									<td>
										<label for='title_input' class='control-label x85'>公司名称:</label>
										<input type='text' id='title' name='title' required="required"
											size='20' value='{$Rs.title}'>
									</td>
									<td>
										<label for='dizhi_input' class='control-label x85'>公司地址:</label>
										<input type='text' id='dizhi' name='dizhi' size='20'
											required="required" value='{$Rs.dizhi}'>
									</td>
								</tr>
								<tr>
									<td>
										<label for='xingming_input' class='control-label x85'>联系人:</label>
										<input type='text' id='xingming' name='xingming' size='20'
											required="required" value='{$Rs.xingming}'>
									</td>
									<td>
										<label for='sex_input' class='control-label x85'>性别:</label>
										<select name="sex" data-toggle="selectpicker"
											data-rule="required">
											<if condition="$Rs['sex'] eq '男'">
											<option value="男" selected>男</option>
											<else />
											<option value="女" selected>女</option>
											</if>
											<option value="男">男</option>
											<option value="女">女</option>
										</select>
									</td>
								</tr>
								<tr>
									<td>
										<label for='bumen_input' class='control-label x85'>部门职务:</label>
										<input type='text' id='bumen' name='bumen' size='20'
											value='{$Rs.bumen}'>
									</td>
									<td>
										<label for='phone_input' class='control-label x85'>手机号码:</label>
										<input type='text' id='phone' name='phone'
											data-rule='required;' size='20' value='{$Rs.phone}'>
									</td>
								</tr>
								<tr>
									<td>
										<label for='email_input' class='control-label x85'>EMAIL:</label>
										<input type='text' id='email' name='email' size='20'
											value='{$Rs.email}'>
									</td>
									<td>
										<label for='name_input' class='control-label x85'>个人爱好:</label>
										<input type='text' id='name' name='name' size='20'
											value='{$Rs.name}'>
									</td>
								</tr>
								<tr>
									<td colspan=2>
										<label for='beizhu_input' class='control-label x85'>客户描述:</label>
										<textarea
											style="display: inline-block; height: 100%; vertical-align: middle;"
											name='beizhu' cols='65' rows='5'>{$Rs.beizhu}</textarea>
									</td>
								</tr>
							</table>
							<div class="row">
								<button type="submit"
									class="col-md-2 col-md-offset-6 btn btn-sm btn-primary"
									data-icon="save">注册</button>
								<a href="{:U('Index/index')}" type="button"
									class="col-md-2 col-md-offset-1 btn btn-sm btn-default"
									data-icon="close">取消</a>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>